<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="../lib/layui/css/layui.css">
  <link rel="stylesheet" href="css/theme.css">
  <link rel="stylesheet" href="css/dataAnalysis.css">
</head>
<body style="background: transparent;">
<section class="sec left">
  <div>
    <!-- TODO: 天气 -->
    <div class="weather">
      <div class="title">站&nbsp点&nbsp实&nbsp况</div>
      <select name="" id="selectBox" class="selectBox">
        <option value="0">长春</option>
        <option value="1">大连</option>
        <option value="2">石家庄</option>
        <option value="3">包头</option>
        <option value="4">青海湖</option>
        <option value="5">南通</option>
        <option value="6">广州</option>
        <option value="7">南宁</option>
        <option value="8">呼伦贝尔</option>
        <option value="9">敦煌</option>
      </select>
      <div class="weatherTime">
        <div>
          <p></p>
          <p></p>
        </div>
        <div>
          <div id="pic_cc_"></div>
          <div>
            <p id="weather_cc_"></p>
            <p></p>
          </div>
        </div>
      </div>
    </div>
    <div class="lidarControl">
      <div>
        <p>激光雷达控制</p>
        <img id="pic" src="images/index3/turnOn.png" onclick="change_pic() ;Show()"
             style=" float: right; width: 80px; height: 80%; padding-right: 10px;cursor: pointer;"
             alt="">
      </div>
    </div>
  </div>
  <div class="lidarProduct">
    <div class="title" style="margin-top: 7px;">雷&nbsp达&nbsp产&nbsp品</div>
    <div id="btnProductionBack" class="bg">返回</div>
    <div id="lidarContainer" class="lidarContainer">
      <div>    <!-- 给此标签加 active 表示选中状态 -->
        <p>雷达定标产品</p>
        <div class="triangle">
          <div></div>
        </div>
        <div class="circle">
          <div>1</div>
        </div>
      </div>
      <div class="active">    <!-- 给此标签加 active 表示选中状态 -->
        <p>一级数据产品</p>
        <div class="triangle">
          <div></div>
        </div>
        <div class="circle">
          <div>10</div>
        </div>
      </div>
      <div>
        <p>二级数据产品</p>
        <div class="triangle">
          <div></div>
        </div>
        <div class="circle">
          <div>19</div>
        </div>
      </div>
      <div>
        <p>三级数据产品</p>
        <div class="triangle">
          <div></div>
        </div>
        <div class="circle">
          <div>1</div>
        </div>
      </div>
    </div>
    <div id="lidarContainerMulti" style="display:none;" class="lidarContainerMulti">
      <div>   <!-- 给此标签加 active 表示选中状态 -->
        <p>后向散射系数</p>
        <div class="circle">
          <div>5</div>
        </div>
      </div>
      <div>
        <p>消光系数</p>
        <div class="circle">
          <div>5</div>
        </div>
      </div>
      <div>
        <p>退偏比</p>
        <div class="circle">
          <div>2</div>
        </div>
      </div>
      <div>
        <p>颜色比</p>
        <div class="circle">
          <div>4</div>
        </div>
      </div>
      <div>
        <p>水汽混合比</p>
        <div class="circle">
          <div>1</div>
        </div>
      </div>
      <div>
        <p>激光雷达比</p>
        <div class="circle">
          <div>2</div>
        </div>
      </div>
    </div>
  </div>
  <div class="fileChoose">
    <div class="title" style="margin-top: 7px;">产&nbsp品&nbsp实&nbsp况</div>
    <div class="fileUi">
      <div class="dateContainer">
        <div style="width: calc((100% - 30px) / 2); float:left;">
          <div id="dateStart"
               style="cursor: pointer; float: left; height: 23px; line-height: 23px; padding: 0 5px; border: 1px solid #000;"></div>
          <div class="bg"
               style="cursor: pointer; background-image: url('images/date.png'); width: 17px; height: 23px; margin: 0 2px; float: left;background-size: 100% 100%;"
               onclick="event.stopPropagation();this.previousElementSibling.click()"></div>
        </div>
        <div style="width: calc((100% - 30px) / 2); float:left;">
          <div id="dateEnd"
               style="cursor: pointer; float: left; height: 23px; line-height: 23px; padding: 0 5px; border: 1px solid #000;"></div>
          <div class="bg"
               style="cursor: pointer; background-image: url('images/date.png'); width: 17px; height: 23px; margin: 0 2px; float: left;background-size: 100% 100%"
               onclick="event.stopPropagation();this.previousElementSibling.click()"></div>
        </div>
        <div id="search" class="search bg"></div>
      </div>
      <div style="width: calc(100% - 30px);height: 19px;margin-left: 20px;">
        <div style="width: 50%;float: left; color: #eee; font-size: small;">Start</div>
        <div style="width: 50%;float: left; color: #eee; font-size: small;">End</div>
      </div>
      <!-- TODO: 列表。以下代码仅作样例 -->
      <div class="fileListTable">
        <table style="width: 100%;">
          <tbody id="fileList">
          <tr>
            <td>Searching</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>
<section id="middle" class="sec middle showMulti">
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>雷达定标产品:</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic1"></div>
    <div style="background-color: #000" id="s1_pic1"></div>
    <div id="s2_pic1"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm弹性散射水平通道</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic2"></div>
    <div style="background-color: #000" id="s1_pic2"></div>
    <div id="s2_pic2"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm弹性散射垂直通道:</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic3"></div>
    <div style="background-color: #000" id="s1_pic3"></div>
    <div id="s2_pic3"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm弹性散射水平通道</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic4"></div>
    <div style="background-color: #000" id="s1_pic4"></div>
    <div id="s2_pic4"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm弹性散射垂直通道</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic5"></div>
    <div style="background-color: #000" id="s1_pic5"></div>
    <div id="s2_pic5"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>386氮气拉曼通道</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic6"></div>
    <div style="background-color: #000" id="s1_pic6"></div>
    <div id="s2_pic6"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>407水汽拉曼通道</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic7"></div>
    <div style="background-color: #000" id="s1_pic7"></div>
    <div id="s2_pic7"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>607氮气拉曼通道</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic8"></div>
    <div style="background-color: #000" id="s1_pic8"></div>
    <div id="s2_pic8"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>通道9:</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic9"></div>
    <div style="background-color: #000" id="s1_pic9"></div>
    <div id="s2_pic9"></div>
  </div>
  <div>
    <div class="mapTitleContainer">
      <div></div>
      <span>通道10:</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic10"></div>
    <div style="background-color: #000" id="s1_pic10"></div>
    <div id="s2_pic10"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>通道11:</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic11"></div>
    <div style="background-color: #000" id="s1_pic11"></div>
    <div id="s2_pic11"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm米通道消光系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic12"></div>
    <div style="background-color: #000" id="s1_pic12"></div>
    <div id="s2_pic12"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm米通道消光系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic13"></div>
    <div style="background-color: #000" id="s1_pic13"></div>
    <div id="s2_pic13"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>1064nm米通道消光系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic14"></div>
    <div style="background-color: #000" id="s1_pic14"></div>
    <div id="s2_pic14"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm米通道后向散射系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic15"></div>
    <div style="background-color: #000" id="s1_pic15"></div>
    <div id="s2_pic15"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm米通道后向散射系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic16"></div>
    <div style="background-color: #000" id="s1_pic16"></div>
    <div id="s2_pic16"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>1064nm米通道后向散射系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic17"></div>
    <div style="background-color: #000" id="s1_pic17"></div>
    <div id="s2_pic17"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm拉曼通道消光系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic18"></div>
    <div style="background-color: #000" id="s1_pic18"></div>
    <div id="s2_pic18"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm拉曼通道消光系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic19"></div>
    <div style="background-color: #000" id="s1_pic19"></div>
    <div id="s2_pic19"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm拉曼通道后向散射系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic20"></div>
    <div style="background-color: #000" id="s1_pic20"></div>
    <div id="s2_pic20"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm拉曼通道后向散射系数</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic21"></div>
    <div style="background-color: #000" id="s1_pic21"></div>
    <div id="s2_pic21"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm退偏振比</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic22"></div>
    <div style="background-color: #000" id="s1_pic22"></div>
    <div id="s2_pic22"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm退偏振比</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic23"></div>
    <div style="background-color: #000" id="s1_pic23"></div>
    <div id="s2_pic23"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm激光雷达比</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic24"></div>
    <div style="background-color: #000" id="s1_pic24"></div>
    <div id="s2_pic24"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532激光雷达比</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic25"></div>
    <div style="background-color: #000" id="s1_pic25"></div>
    <div id="s2_pic25"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>1064/532nm色比</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic26"></div>
    <div style="background-color: #000" id="s1_pic26"></div>
    <div id="s2_pic26"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532/355nm色比</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic27"></div>
    <div style="background-color: #000" id="s1_pic27"></div>
    <div id="s2_pic27"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>水汽混合比</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic28"></div>
    <div style="background-color: #000" id="s1_pic28"></div>
    <div id="s2_pic28"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>355nm光学厚度</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic29"></div>
    <div style="background-color: #000" id="s1_pic29"></div>
    <div id="s2_pic29"></div>
  </div>
  <div style="display: none">
    <div class="mapTitleContainer">
      <div></div>
      <span>532nm光学厚度</span>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #000" id="pic30"></div>
    <div style="background-color: #000" id="s1_pic30"></div>
    <div id="s2_pic30"></div>
  </div>
</section>
<section class="right">
  <div class="sectionRight">
    <p>站点信息</p>
    <table class="sectionRight_top">
      <tr>
        <td>省名</td>
        <td id="provinceName">长春</td>
      </tr>
      <tr>
        <td>站点名称</td>
        <td id="siteName">704所</td>
      </tr>
      <tr>
        <td>站点编号</td>
        <td id="siteNumber">Z0001</td>
      </tr>
      <tr>
        <td>雷达型号</td>
        <td id="lidarType">YCCR</td>
      </tr>
      <tr>
        <td>海拔高度</td>
        <td id="altitude">380米</td>
      </tr>
      <tr>
        <td>站点经度</td>
        <td id="siteLon">E116°18′40.00″</td>
      </tr>
      <tr>
        <td>站点纬度</td>
        <td id="siteLat">N40°4′30.00″</td>
      </tr>
    </table>
    <p>雷达状态</p>
    <table class="sectionRight_mid">
      <tr>
        <td rowspan="2">发射</td>
        <td>功放状态</td>
        <td>功放过温</td>
      </tr>
      <tr>
        <td>功放过占比</td>
        <td>占位符</td>
      </tr>
      <tr>
        <td rowspan="7">接受</td>
        <td>激励开关·激励</td>
        <td>标定导通</td>
      </tr>
      <tr>
        <td>接收通道</td>
        <td>噪声源断电</td>
      </tr>
      <tr>
        <td>频率源测试通道</td>
        <td>数控衰减器(0)</td>
      </tr>
      <tr>
        <td>频综采样时钟</td>
        <td>第一本振</td>
      </tr>
      <tr>
        <td>第二本振</td>
        <td>发射机激励</td>
      </tr>
      <tr>
        <td>中频激励</td>
        <td>通道温度</td>
      </tr>
      <tr>
        <td>频率源温度(0)</td>
        <td>通道温度(43)</td>
      </tr>
      <tr>
        <td rowspan="8">信理</td>
        <td>数字中频</td>
        <td>型号(10)</td>
      </tr>
      <tr>
        <td>时序输出</td>
        <td>发射模式(42)</td>
      </tr>
      <tr>
        <td>发射禁止</td>
        <td>中频锁相环</td>
      </tr>
      <tr>
        <td>状态:中断</td>
        <td>处理运行</td>
      </tr>
      <tr>
        <td>模式计数(236)</td>
        <td>PRT(0)</td>
      </tr>
      <tr>
        <td>数据量(1033)</td>
        <td>PRF(5000Hz)</td>
      </tr>
      <tr>
        <td>中频温度(51.5℃)</td>
        <td>中断(476445932)</td>
      </tr>
      <tr>
        <td>838565秒</td>
        <td></td>
      </tr>
      <tr>
        <td rowspan="3">终端</td>
        <td>SP连接命令</td>
        <td>SP连接数据</td>
      </tr>
      <tr>
        <td>CT连接命令</td>
        <td>CT连接数据</td>
      </tr>
      <tr>
        <td>命令服务</td>
        <td>数据服务</td>
      </tr>
    </table>
    <p>运行参数</p>
    <table class="sectionRight_bottom">
      <tr>
        <td>占位符</td>
        <td>占位符</td>
      </tr>
      <tr>
        <td>占位符</td>
        <td>占位符</td>
      </tr>
      <tr>
        <td>占位符</td>
        <td>占位符</td>
      </tr>
      <tr>
        <td>占位符</td>
        <td>占位符</td>
      </tr>
    </table>
  </div>
</section>
<section id="loginBox">
  <div id="loginClose"></div>
  <div id="userName">
    <div></div>
    <input type="text" placeholder="输入用户名">
  </div>
  <div id="password">
    <div></div>
    <input type="text" placeholder="输入密码">
  </div>
  <div id="loginBtn">登陆</div>
</section>
<script type="text/javascript" src="../lib/jquery/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../lib/layui/lay/modules/laydate.js"></script>
<script type="text/javascript" src="../lib/custom/js/tool.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts-gl.js"></script>
<script type="text/javascript" src="js/dataAnalysis.js"></script>
</body>
</html>